<!DOCTYPE html>
<html>
<head>
    <title>Loading JSON files using jQuery</title>
</head>
<body>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {

		$.getJSON("OfficialTitleGenerated.json", function(data) {
    			var i = 0, dataSize = data.length, html = '';
    			for(i; i < dataSize; i++){
       				html += "<p>Kirtan="+data[i].title +"</p>";
				
    			}

    			$("div").html(html);
		});
        }); // ready()
    </script>
<div>
</div>
</body>
</html>